<ion-side-menus enable-menu-with-back-views="false">
    <ion-side-menu-content>
        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-side-menu-content>

    <ion-side-menu side="left" class="side-menu">
        <ion-content scroll="false" vertical layout>
            <div class="energized-bg info-user">
                <div class="padding overflow-hidden">
                    <i class="mdi mdi-pencil-box-outline font-icon-md pull-right"></i>
                </div>
                <div class="padding text-center">
                    <div class="avatar">
                        <img src="./img/200_taylor_swift_spl811605_.jpg" alt="" class="img-responsive"/>
                    </div>
                    <h4 class="no-margin">Taylor Swift</h4>

                    <p class="no-margin">PMB 412 Hendersonville, TN 37075 USA</p>
                </div>
            </div>
            <div flex class="list no-margin" style="overflow-y: scroll">

                <a class="item item-icon-left" ui-sref="app.homepage" ui-sref-active="active" menu-close>
                    <i class="icon mdi mdi-account-box-outline font-icon-md"></i>
                   主页
                </a>

                <a class="item item-icon-left" ui-sref="app.about_me" ui-sref-active="active" menu-close>
                    <i class="icon mdi mdi-account-circle font-icon-md"></i>
                   个人中心
                </a>

                <a class="item item-icon-left" ui-sref="app.notification" ui-sref-active="active" menu-close>
                    <i class="icon mdi mdi-bell-ring font-icon-md"></i>
                    社团一览
                    <span class="badge badge-royal">3</span>
                </a>
<!--
                <a class="item item-icon-left" ui-sref="app.feeds" ui-sref-active="active" menu-close>
                    <i class="icon mdi mdi-message-processing font-icon-md"></i>
                    所有帖子
                    <span class="badge badge-assertive">67</span>
                </a>-->

                <a class="item item-icon-left" ui-sref="app.photo   " ui-sref-active="active" menu-close>
                    <i class="icon mdi mdi-instagram font-icon-md"></i>
                    照片
                    <span class="badge badge-positive">18</span>
                </a>
                <a class="item item-icon-left" ui-sref="app.post   " ui-sref-active="active" menu-close>
                    <i class="icon mdi mdi-instagram font-icon-md"></i>
                    帖子
                    <span class="badge badge-positive">18</span>
                </a>
                <a class="item item-icon-left" ui-sref="app.music" ui-sref-active="active" menu-close>
                    <i class="icon mdi mdi-library-music font-icon-md"></i>
                    音乐
                    <span class="badge badge-balanced">36</span>
                </a>

              <a class="item item-icon-left" ui-sref="app.logout" ui-sref-active="active" menu-close>
                <i class="icon mdi mdi-library-music font-icon-md"></i>
                注销
                <span class="badge badge-balanced">36</span>
              </a>


            </div>
            <div class="list border-top">
                <a class="item item-icon-left" ui-sref="app.newPost" ui-sref-active="active" menu-close>
                    <i class="icon mdi mdi-settings font-icon-md"></i>
                    设置
                </a>
            </div>
        </ion-content>
    </ion-side-menu>
</ion-side-menus>
